page {
	background: #fff;
	height: 100%;
}
.icon {
		color:#ffffff;
	}
.logo {
	width: 100%;
	height: 34vw;
	display: flex;
	justify-content: center;
	align-items: center;
	.img {
		width:100upx;
		height: 100upx;

		image {
			width: 100%;
			height: 100%;
			border-radius: 100%;
		}
	}
}
.form {
	width: 670upx;
	margin: 0 auto;
	font-size: 30upx;
	.username,
	.password,
	.code {
		overflow: hidden;
		height: 90upx;
		display: flex;
		align-items: center;
		margin-bottom: 40upx;
		.input-left{
			width: 110upx;
			margin-right: 20upx;
			text-align: right;
		}
		input{
			width: 100%;
			height: 80upx;
			color: #222;
			font-weight: 200;
			line-height: 80upx;
			padding: 15upx 0;
			border-radius: 10upx;
			border: 1px solid #e6e6e6;
			box-sizing: border-box;
			padding: 0 40upx 0 36upx;
			font-size: 30upx;
		}
	}

	.btn {
		margin: 200upx auto 0;
		width: 560upx;
		height: 90upx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 45upx;
		background-color:#f23d3d;;
		color: #fff;
		font-size: 34upx;
	}
}

.username{
	position: relative;
	.get-code{
		position: absolute;
		height: 74upx;
		display: flex;
		align-items: center;
		justify-content: center;
		right: 1px;
		top: 8upx;
		padding: 0 40upx;
		z-index: 3;
		background-size:cover ;
	}
}
.res {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100upx;
}
.input-row{position: relative;}
.pwd-eyes{position: absolute;right: 0;top: 0;line-height: 88upx;padding: 0 20upx;z-index: 2;}
.input-row .uni-icon-eye,.input-row-s .uni-icon-eye {width: 40upx;height: 26upx;}